@media only screen and (max-width: 976px) and (min-width: 800px){
    
    .header .content > img{
        display: none;
    }
    .nav{
        margin: 0 0 0 5%;
        width: 77%;
    }
    .nav li {
        margin: 0 1.7% 0 1.7%;
    }
    .comment_text {
        width: 76.6%;
    }
    .logos .content img {
        margin: 0px 2.7% 0 0;
    }
}

@media only screen and (max-width: 799px) and (min-width: 640px){
    
    .header .content > img,
    .news{
        display: none;
    }
    .nav{
        margin: 0;
        width: 82%;
    }
    .nav li {
        margin: 0;
    }
    .container {
        width: auto;
        float: none;
    }
    .container_inner {
        margin: 0;
    }
    .comment_text {
        width: 80%;
    }
    .logos .content img,
    .logos .content img.last{
        margin: 1% 3% 1% 3% !important;
    }
}

@media only screen and (max-width: 639px) and (min-width: 480px){
        
    .header .content > img,
    .news{
        display: none;
    }
    .header .content > a {
        width: auto;
        margin: 10px 0 10px 0;
    }
    .nav{
        margin: 0;
        width: auto;
    }
    .nav li {
        margin: 0;
    }
    .nav li a {
        padding: 27px 10px 28px 10px;
    }
    .container {
        width: auto;
        float: none;
    }
    .container_inner {
        margin: 0;
    }
    h1, h2 {
        font-size: 25px;
    }
    .autor {
        font-size: 14px;
        line-height: 18px;
    }
    .comment_text {
        width: 72%;
    }
    .logos .content img,
    .logos .content img.last{
        margin: 1% 3% 1% 3% !important;
    }
}

@media only screen and (max-width: 479px) and (min-width: 320px){
    
    .header .content > img,
    .news{
        display: none;
    }
    .header .content > a {
        width: auto;
        margin: 10px 0 10px 0;
    }
    .nav{
        margin: 0;
        width: auto;
    }
    .nav li {
        display: inline-block;
        float: none;
    }
    .nav li a {
        padding: 5px;
    }
    .container {
        width: auto;
        float: none;
    }
    .container_inner {
        margin: 0;
    }
    h1, h2 {
        font-size: 24px;
        line-height: 26px;
    }
    .autor {
        font-size: 14px;
        line-height: 18px;
        text-align: center;
    }
    .autor > img {
        float: none;
        width: auto;
        display: inline-block;
    }
    .autor p {
        width: auto;
        float: none;
        padding: 10px;
    }
    .comment {
        padding: 10px 10px 8px 10px;
    }
    .comment > img{
        width: 50px;
    }
    .comment_text {
        width: 77%;
        margin: 0 0 0 10px;
        line-height: 18px;
        font-size: 14px;
    }
    .logos .content img,
    .logos .content img.last{
        margin: 1% 3% 1% 3% !important;
    }
}